<template>
  <div>
    <ul class="flex space-x-4">
      <li class="bg-white py-4 px-6 w-56">
        <div class="text-lg">单期变化</div>
        <div class="mt-2 text-base text-red-500">最大 0.25，最小 -0.25</div>
      </li>
      <li class="bg-white py-4 px-6 w-56">
        <div class="text-lg">累计变化</div>
        <div class="mt-2 text-base text-red-500">-1.50 ℃</div>
      </li>
      <li class="bg-white py-4 px-6 w-56">
        <div class="text-lg">当日变化</div>
        <div class="mt-2 text-base text-red-500">0.00 ℃/d</div>
      </li>
    </ul>
    <this-chart />
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import thisChart from './chart.vue';

export default defineComponent({
  components: { thisChart },
  setup() {
    return {};
  },
});
</script>